<template>
    <div>
      <Card style="width:100%" dis-hover class="right-btn-card card-header-gray">
        <p slot="title">
          <span class="y-line"></span>
          <span>章节目录</span>
        </p>
        <div slot="extra">
          <Button type="text" icon="compose">编辑</Button>
        </div>
        <Collapse v-model="value2" class="course-menu">
          <Panel name="1" class="course-open">
            史蒂夫·乔布斯
            <span class="opend">已开放</span>
            <div slot="content">
              <ul>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>

              </ul>
            </div>
          </Panel>
          <Panel name="2">
            斯蒂夫·盖瑞·沃兹尼亚克
            <span class="not-opend">未开放</span>
            <div slot="content">
              <ul>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>
                <li>1.1 安全故障</li>

              </ul>
            </div>
          </Panel>
        </Collapse>
      </Card>
    </div>
</template>
<script>
  export default{
    data() {
      return {
        value2: '1'
      }
    }
  }
</script>
